Multiple Background Images : استفاده از گرادیان برای بهبود تجربه کاربری

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون به شما آموزش میده که چطور برای کسانی که سرعت اینترنت ضعیفی دارند، لود شدن تصاویرتون رو بهینه تر کنید و تا زمانی که تصویر به صورت کامل لود نشدند، یک گرادیان شبیه به تصویر جای اون نمایش بدین تا کاربران خیلی کمبود تصویر رو حس نکنند. برای شروع وارد س

برچسب: نویسنده: استخدام کار تاريخ: يکشنبه 28 خرداد 1396 ساعت: 15:47

آموزش ویژگی های ECMAScript 6 (جلسه 1) : تاریخچه Javascript

0 28 ۲۶ خرداد ۹۶ خب بالاخره وقت اون فرا رسید که ویژگی های اضافه شده به javascript در ES6 رو با هم بررسی کنیم و یاد بگیریم. در این نسخه از Javascript امکاناتی اضافه شد که در زمینه های مختلف کار رو برای ما راحت میکنن و میتونیم کاری که قبلا بصورت ترفند انجام میدادیم، بصورت مستقیم و استاندارد انجام ب

برچسب: نویسنده: استخدام کار تاريخ: يکشنبه 28 خرداد 1396 ساعت: 15:47

کدهای جذاب و دیدنی ( CSS only scroll indicator ) : ساخت نشانگر موقعیت اسکرول با CSS

در این قسمت میخوام یک کد ( CSS only scroll indicator ) جالب رو در اختیارتون بزارم. همونطور که دیدید با اسکرول کردن به پایین و بالا، با توجه به موقعیتی که اسکرول داره، خط مربوطه هم کم و زیاد میشه و اگر به پایان صفحه برسید، این خط نیز به انتها میرسه. این کار توسط CSS خالص انجام شده و از Javascript اس

برچسب: نویسنده: استخدام کار تاريخ: يکشنبه 28 خرداد 1396 ساعت: 15:47

reshake : قابلیت لرزش المنتها برای کتابخانه React

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون از ابزار CSShake استفاده شده و جزء یا Component رو برای React به وجود آورده که با استفاده از اون میتونین المنتهای مورد نظرتون رو به راحتی مورد لرزشهای مختلف قرار بدین و با استفاده از اون توجه کاربر رو به قسمتی از سایتتون جلب کنید. برای شروع وارد

برچسب: نویسنده: استخدام کار تاريخ: شنبه 27 خرداد 1396 ساعت: 8:15

کدهای جذاب و دیدنی ( Audio effect ) : لودر زیبا با افکت پخش صدا

در این قسمت میخوام یک کد ( Audio effect ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک لودر زیبا با افکت پخش شدن صدا و موزیک قرار داده شده و میتونین از اون درون سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید.

برچسب: نویسنده: استخدام کار تاريخ: شنبه 27 خرداد 1396 ساعت: 8:15

responsive-images : آموزش واکنشگرا کردن تصاویر با CSS

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل روشهایی که در CSS در رابطه با واکنشگرا کردن تصاویر وجود داره رو بیان کرده و میتونین از اون استفاده کنید و بهتر و بهینه تر تصاویرتون رو واکنشگرا یا Responsive کنید. برای شروع وارد سایت responsive-images بشین. امیدوارم بدردتون بخوره. موف

برچسب: نویسنده: استخدام کار تاريخ: شنبه 27 خرداد 1396 ساعت: 8:15

ECMAScript6 : آموزش مقدماتی در مورد ES6 یا ES2015

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش مقدماتی در مورد Ecmascript 6 یا Ecmascript 2015 قرار داده و با مطالعه اون میتونین با ویژگی های مهم این نسخه از ES آشنا بشید.

برای شروع وارد سایت ECMAScript6 بشین.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

برچسب: نویسنده: استخدام کار تاريخ: شنبه 27 خرداد 1396 ساعت: 8:15

افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 9) : افکت Cartoon

/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6rem; font-family: sans-serif; background-color: #ffffff; -webkit-font-smoothing: antialiased; -mo

برچسب: نویسنده: استخدام کار تاريخ: شنبه 27 خرداد 1396 ساعت: 8:15

دوره مجازی چگونه می توانم ...؟ قالب وردپرس-جلسه 23-آشنایی با pre_get_posts و جستجوی پیشرفته

0 18 ۲۶ خرداد ۹۶ به نام خدا وسلام. در قالب های پیشرفته وردپرس مطمئنا فرم های پیشرفته برای جستجو وجود داره که جستجو بر اساس المان های مختلفی رو در اختیار کاربران قرار میده. در این جلسه قصد داریم با استفاده از pre_get_posts و هم چنین WP_Query موارد لازم برای ساختن یک فرم جستجوی پیشرفته رو در اختیار

برچسب: نویسنده: استخدام کار تاريخ: جمعه 26 خرداد 1396 ساعت: 20:33

آشنایی کامل با Hoisting در Javascript - قسمت آخر - Hoisting مربوط به کلاسها

0 61 ۲۳ خرداد ۹۶ در جلسه قبل قواعد Hoisting مربوط به توابع رو توضیح دادیم و شما رو با اونا آشنا کردیم. در این جلسه قصد داریم قواعد Hoisting مربوط به Class یا کلاسها در Javascript رو به شما آموزش بدیم و نکات مربوط به Hoisting رو به پایان برسونیم. همونطور که میدونین در ES5 خیلی بر روی برنامه نویسی

برچسب: نویسنده: استخدام کار تاريخ: جمعه 26 خرداد 1396 ساعت: 14:26

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 44) : متغیرهای CSS - قسمت 3

0 33 ۲۳ خرداد ۹۶ در جلسه گذشته در مورد تعریف و استفاده از متغیرهای CSS توضیحاتی داده شد و در مورد اولویت و ارث بری ویژگی ها نیز مثالهایی زده شد. در این جلسه قصد داریم نکات باقیمانده و ضروری در مورد متغیرهای CSS رو بیان کنیم و این موضوع رو به پایان برسونیم. نکات تکمیلی در مورد تابع var در جلسه گذش

برچسب: نویسنده: استخدام کار تاريخ: جمعه 26 خرداد 1396 ساعت: 14:26

افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 7) : افکت Mirror

/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6rem; font-family: sans-serif; background-color: #ffffff; -webkit-font-smoothing: antialiased; -mo

برچسب: نویسنده: استخدام کار تاريخ: جمعه 26 خرداد 1396 ساعت: 14:26

دوره مجازی angularjs - جلسه 5 -آموزش $watch و $watchCollection

0 92 ۲۴ خرداد ۹۶ به نام خدا و سلام. در برنامه های وب پیش میاد که در کدهای جاوا اسکریپت بخوایم تغییرات یک متغییر رو رصد کنیم و بر اساس اون تغییرات ومقادیر جدید و قبلی اون متغییر توابعی رو اجرا کنیم. در این جلسه ما با استفاده از $watch و $watchCollection این کارو انجام میدیم. این مطلب یک جلسه از د

برچسب: نویسنده: استخدام کار تاريخ: جمعه 26 خرداد 1396 ساعت: 14:26

افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 8) : افکت Diamond

/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6rem; font-family: sans-serif; background-color: #ffffff; -webkit-font-smoothing: antialiased; -mo

برچسب: نویسنده: استخدام کار تاريخ: جمعه 26 خرداد 1396 ساعت: 14:26

دوره مجازی ایلوستریتور - فصل چهارم (جلسه دوم)

0 31 ۲۶ خرداد ۹۶ در جلسه دوم از فصل چهارم دوره آموزشی ایلوستریتور می پردازیم به بررسی تکنیک flat-island پروزه این جلسه : توضیحات : گرافیک گرافیک گرافیک، واژه ای که روزانه دست کم یک مورد وابسته با آنرا می بینیم و یا چیزی در مورد آن می شنویم. در دنیای امروزی جایی که بخش اعظمی از زندگی ما با تکنولوژ

برچسب: نویسنده: استخدام کار تاريخ: جمعه 26 خرداد 1396 ساعت: 14:26

کدهای جذاب و دیدنی ( Gooey effect Loader ) : لودر زیبا با افکت چسبنده

در این قسمت میخوام یک کد ( Gooey effect Loader ) جالب رو دراختیارتون بزارم. همونطور که دیدید یک لودر زیبا با افکت چسبنده یا همون Gooey معروف ساخته شده و میتونین از اون ایده بگیرید و در سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود

برچسب: نویسنده: استخدام کار تاريخ: چهارشنبه 24 خرداد 1396 ساعت: 18:36

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 43) : متغیرهای CSS - قسمت 2

0 26 ۲۲ خرداد ۹۶ در جلسه قبل مقدماتی رو در مورد متغیرهای CSS بیان کردیم و در این جلسه میخوایم این موضوع رو ادامه بدیم. با استفاده از متغیرها میتونین از انجام کارهای تکراری پرهیز کنید و میتونین برای مواقع همچون تغییر قالب و Theme از اون استفاده کنید و به سرعت رنگ کل سایت و المنتها رو عوض کنید و یا

برچسب: نویسنده: استخدام کار تاريخ: چهارشنبه 24 خرداد 1396 ساعت: 18:36

افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 6) : افکت Gooey

/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6rem; font-family: sans-serif; background-color: #ffffff; -webkit-font-smoothing: antialiased; -mo

برچسب: نویسنده: استخدام کار تاريخ: چهارشنبه 24 خرداد 1396 ساعت: 18:36

tdo : ابزار آنلاین Todo ساخته شده با React

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار آنلاین Todo یا لیست انجام کارها و وظایف، با استفاده از React ساخته شده و میتونین به راحتی با اون کار کنید. با استفاده از کیبورد به راحتی میتونین همه کارها رو مدیریت کنید و برای هر کار یک Shortcut وجود دارد. در بالا سایت، لینکهایی مثل Tut

برچسب: نویسنده: استخدام کار تاريخ: چهارشنبه 24 خرداد 1396 ساعت: 18:36

آشنایی کامل با Hoisting در Javascript - قسمت 5 - Hoisting مربوط به توابع

0 39 ۲۱ خرداد ۹۶ در جلسه قبل شما رو با مکانیزم Hoisting در Ecmascript 6 آشنا و نکاتی که نیاز بود رو بیان کردیم. در این جلسه مکانیزم Hoisting رو برای توابع بررسی میکنیم و حالات مختلفی که ممکن هست برای توابع به وجود بیاد رو قرار میدیم. توابع در Javascript تقریبا در دو دسته زیر، طبقه بندی میشن: Func